<template lang="html">
	<div class="index-header">
		<div class="index-header-site">
			<i class="yo-ico">&#xe769;</i><span>博瑞大厦B座</span>
		</div>
		<div class="index-header-search">
			<i class="yo-ico">&#xe752;</i><input type="text" />
		</div>
		<div class="index-header-glance yo-ico">
			&#xe749;
		</div>
	</div>
</template>

<script>
	export default {
		data(){
			return {
				isIndex:this.$route.params.isIndex
			}
		},
		mounted(){
			console.log(this.isIndex);
		},
		created (){
      		this.$emit('viewIn',"首页");
    	}
	}
</script>

<style lang="scss">
	@charset "UTF-8";
	@import "../../styles/yo/usage/core/reset";
	.index-header{
		height: .44rem;
    	background: #2A2A2A;
		
		@include flexbox();
		@include justify-content(center);
		@include align-items(center);
		div{
			@include flexbox();
			@include justify-content(center);
			@include align-items(center);
		}
		.index-header-site{
			@include flex(3);
			i{
				margin: 0 4px;
				
			}
			.yo-ico,span{
				font-size: .1rem;
				
			}
		}
		.index-header-search{
			@include flex(6);
			background: #747474;
			height: .3rem;
			@include border-radius(20px);
			i{
				@include flex(1);
				text-align: center;
			}
			input{
				@include flex(5);
				border:0;
				background: transparent;
				height: .28rem;
			}
			
		}
		.index-header-glance{
			@include flex(1);
			font-size: .2rem;
		}
		color: #fff;
	}
</style>